<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>传世四方云</title>
    <link rel="stylesheet" href="styles/normalize.css" />
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/quick-layout.css" />

    <link rel="stylesheet" href="styles/home.css">
</head>

<body>
    <header class="">
        <div style="background: #E7EBEF;">
            <div class="fix container">
                <img class="l" src="images/i4_02.png" />
                <span class="r f20 h_slogan pr5">透明·智慧·共享</span>
            </div>
        </div>
        <div class="h_headb">
            <div class="container">
                <a href="#"><img src="images/i4_06.png" />解决方案</a>
                <a href="#"><img src="images/i4_08.png" />服务方案</a>
                <a href="#"><img src="images/i4_10.png" />开放方案</a>
                <a class="r" href="#"><img src="images/i4c_03.png" />申请注册</a>
            </div>
        </div>
        <div class="h_banner">
            <img class="img-responsive bg_img" src="images/i4_15.png" />
            <!--<div>
					<p>
						传世四方云
					</p>
					<p>
						TRANSPARENT <span>wisdom Share</span>
					</p>
				</div>-->
        </div>
    </header>
    <main class="home_wrap bg_f5 ">
        <!-- 平台入口 -->
        <section>
            <h3 class="home_tit tc">
                <div class="rf_tit0"></div>
            </h3>
            <section class="entrance" style="background: none;">
                <div class="container splooshBox">
                    <div class="row pt20">
                        <div class="col-md-3">
                            <div class="entrance_li">
                                <span class="entery_img">								
								<img src="images/entery_01.png"/>
								</span>
                                <span class="f16 b">货主端</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="entrance_li">
                                <span class="entery_img">								
								<img src="images/entery_02.png"/>
								</span>
                                <span class="f16 b">仓储商端</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="entrance_li">
                                <span class="entery_img">								
								<img src="images/entery_03.png"/>
								</span>
                                <span class="f16 b">承运商端</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="entrance_li">
                                <span class="entery_img">								
								<img src="images/entery_06.png"/>
								</span>
                                <span class="f16 b">会员端</span>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </section>
        <!-- 专用入口 -->
        <section>
            <h3 class="home_tit tc">
                <div class="rf_titvip"></div>
            </h3>
            <section class="entrance-vip" style="background: none;">
                <div class="container splooshBox">
                    <div class="row">
                        <div class="col-md-12" style="text-align: center;">
                            <img src="images/xiuzheng_logo.png" alt="">
                            <a href="">进入</a>
                        </div>
                    </div>
                </div>
            </section>
        </section>
        <!-- 物流解决方案 -->
        <section>
            <h3 class="home_tit tc">
                <!--<div class="h_tit_line"></div>
				<div class="dib home_tit_con3 bg_f5">
					<i class="glyphicon glyphicon-triangle-left c_blue arrow_l f16"></i>				
					<p class="f18 b"><span class="c_blue ">物流    </span><span class="c_3a">解决方案</span></p>
					<p class="f12 b"><span class="c_blue">Logistics  </span><span class="c_3a">Solution</span></p>
					<i class="glyphicon glyphicon-triangle-right c_blue arrow_r f16"></i>			
				</div>-->
                <div class="rf_tit1"></div>
            </h3>
            <section class="entrance3">
                <div class="container">
                    <div class="row pt20">
                        <div class="col-md-4">
                            <div class="entrance_li auto">
                                <div>
                                    <span class="f18">
											全国多仓布局
										</span><br />
                                    <span>解决方案</span>
                                </div>

                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="entrance_li auto">
                                <div>
                                    <span class="f18">
											冷链物流
										</span><br />
                                    <span>整体解决方案</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="entrance_li auto">
                                <div>
                                    <span class="f18">
											第四方物流
										</span><br />
                                    <span>解决方案</span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>
        </section>
        <!-- 传世供应链  服务方案-->
        <section>
            <h3 class="home_tit tc">
                <!--<div class="h_tit_line"></div>
				<div class="dib home_tit_con3 bg_f5">
					<i class="glyphicon glyphicon-triangle-left c_blue arrow_l f16"></i>				
					<p class="f18 b"><span class="c_blue ">传世供应链        </span><span class="c_3a">服务方案</span></p>
					<p class="f12 b"><span class="c_blue"> TRANSPARENT Supply chain    </span><span class="c_3a"> Service Plan</span></p>
					<i class="glyphicon glyphicon-triangle-right c_blue arrow_r f16"></i>			
				</div>-->
                <div class="rf_tit2"></div>

            </h3>
            <section class="h_serve">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 ">
                            <div class="active auto">
                                <img src="images/i4_35.png" alt="" />
                                <p class="h_serve_ask f18 tc">物流综合方案咨询</p>
                                <p class="h_serve_more tc">
                                    <a href="#">了解</a>
                                </p>
                            </div>
                        </div>
                        <div class="col-md-3 ">
                            <div class=" auto">
                                <img src="images/i4_37.png" alt="" />
                                <p class="h_serve_ask f18 tc">物流资源整合／优化</p>
                                <p class="h_serve_more tc">
                                    <a href="#">了解</a>
                                </p>
                            </div>
                        </div>
                        <div class="col-md-3 ">
                            <div class=" auto">
                                <img src="images/i4_39.png" alt="" />
                                <p class="h_serve_ask f18 tc">云平台技术服务</p>
                                <p class="h_serve_more tc">
                                    <a href="#">了解</a>
                                </p>
                            </div>
                        </div>
                        <div class="col-md-3 ">
                            <div class="auto">
                                <img src="images/i4_41.png" alt="" />
                                <p class="h_serve_ask f18 tc">供应链金融服务</p>
                                <p class="h_serve_more tc">
                                    <a href="#">了解</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </section>
        <!--     ISV信息  -->
        <section>
            <h3 class="home_tit tc">
                <div class="rf_tit3"></div>
            </h3>
            <section class="h_isv3 ">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="entrance_li auto">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="entrance_li auto">

                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="entrance_li auto">

                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </section>
        <!--end ISV信息-->

    </main>
    <footer class="tc">
        <div class="dib pb15 pt20">
            <img class="img-responsive dib pb10" src="images/i4_60.png" /> <br />
            <span class="c37">北京市西城区宣武门外大街6号庄胜广场办公楼第一座西翼1410室</span><br />
            <span>+86-10-83197188</span><span class="pr15 pl15">www.csbr.com</span><span>info@csbr.cn</span>
        </div>
        <p class="copyright f14">COPYRIGHT © 2000-2015 ALL RIGHTS RESERVED.</p>
    </footer>
</body>
<!--<script type="text/javascript" src="lib/jquery.min.js"></script>-->
<script type="text/javascript" src="lib/jquery.js"></script>
<script type="text/javascript" src="lib/jquery.smoove.min.js"></script>
<script>
    $(function() {
        $('.h_banner').height($('.bg_img').height());
        $(window).resize(function() {
            let header_h = $('.bg_img').height();
            $('.h_banner').height(header_h);
        })
        $('.movebox').smoove({
            offset: '20%'
        });
        $('.splooshBox .entrance_li').hover(function() {
            $(this).find('.entery_img').append('<div class="dot" style="top:50%;left:50%;"></div>')
        }, function() {
            $(this).find('.dot').remove();

        })

    })
</script>

</html>